導(dǎo)讀:網(wǎng)頁(yè)版式設(shè)計(jì)是網(wǎng)站建設(shè)過(guò)程中的重要環(huán)節(jié),它不僅是網(wǎng)站視覺(jué)傳達(dá)的手段,也是產(chǎn)品、業(yè)務(wù)等功能元素與頁(yè)面空間合理布局的規(guī)劃,直接影響網(wǎng)站所屬主體的品牌宣傳和價(jià)值輸出。因此,選
發(fā)表日期:2019-06-02
文章編輯:興田科技
瀏覽次數(shù):13047
標(biāo)簽:
網(wǎng)頁(yè)版式設(shè)計(jì)是網(wǎng)站建設(shè)過(guò)程中的重要環(huán)節(jié),它不僅是網(wǎng)站視覺(jué)傳達(dá)的手段,也是產(chǎn)品、業(yè)務(wù)等功能元素與頁(yè)面空間合理布局的規(guī)劃,直接影響網(wǎng)站所屬主體的品牌宣傳和價(jià)值輸出。因此,選擇合適的網(wǎng)頁(yè)版式就顯得尤為重要。
常用的網(wǎng)頁(yè)版式布局基本類型主要有滿版型、分割型、中軸型、傾斜型、對(duì)稱型、焦點(diǎn)型、自由型等。
滿版型
滿版型以大幅圖片充滿版面,給人以時(shí)尚、大方的感覺(jué)。頁(yè)面以圖像為主要訴求點(diǎn),或者將部分文字放置于圖像之上,視覺(jué)傳達(dá)效果直觀強(qiáng)烈。
分割型
把整個(gè)頁(yè)面上下或左右一分為二,分別安排圖片和文案,整個(gè)頁(yè)面的兩部分可形成鮮明對(duì)比。同時(shí)也可以通過(guò)調(diào)整圖片與文案所占面積,或者圖文融合混排,來(lái)調(diào)節(jié)對(duì)比的強(qiáng)弱。
中軸型
沿瀏覽器窗口的中軸線將圖片或文字作水平或垂直方向的排列。水平排列的頁(yè)面給人以穩(wěn)定、平靜、含蓄的感覺(jué),而元素的垂直排列,會(huì)使整個(gè)頁(yè)面效果清爽、舒暢。
傾斜型
通過(guò)對(duì)頁(yè)面主題形象或多幅圖片、文字作傾斜編排,形成不穩(wěn)定感以及強(qiáng)烈的動(dòng)感,突出視覺(jué)沖擊力。所以,當(dāng)網(wǎng)頁(yè)中要出現(xiàn)律動(dòng)的、跳躍的呈現(xiàn)效果,可以考慮使用傾斜型。傾斜排版可以讓呆板的頁(yè)面產(chǎn)生意想不到的活力和生機(jī)。
對(duì)稱型
對(duì)稱的頁(yè)面給人以穩(wěn)定、嚴(yán)謹(jǐn)、理性的感覺(jué),且能夠呈現(xiàn)出一種均衡的力量感和愉悅的視覺(jué)平衡。在設(shè)計(jì)的概念里,對(duì)稱分為絕對(duì)對(duì)稱和相對(duì)對(duì)稱。一般在設(shè)計(jì)過(guò)程中,設(shè)計(jì)師更多采用相對(duì)對(duì)稱,從一些細(xì)節(jié)上的區(qū)別設(shè)計(jì),避免頁(yè)面出現(xiàn)呆板的現(xiàn)象。
焦點(diǎn)型
焦點(diǎn)型網(wǎng)頁(yè)版式設(shè)計(jì)大致可以分為三種類型,中心、向心和離心。中心,是以對(duì)比強(qiáng)烈的圖片或文字置于頁(yè)面視覺(jué)中心;向心與離心分別是指用適當(dāng)?shù)囊曈X(jué)元素,引導(dǎo)瀏覽者的視線向頁(yè)面中間聚攏或者向外輻射。向心是集中的、穩(wěn)定的版式,離心是一種舒展的、活潑的版式。較之于向心,離心版式的網(wǎng)頁(yè)更具現(xiàn)代感,但也是因?yàn)殡x心型所具有的活潑的特點(diǎn),在設(shè)計(jì)這種版式時(shí),也應(yīng)注意避免頁(yè)面產(chǎn)生凌亂。
自由型
頁(yè)面有時(shí)候需要呈現(xiàn)一種跳出規(guī)則、突破束縛的感覺(jué),因此在文字與圖片等頁(yè)面元素的編排上,可以不拘泥于某一種格式自由排版。不過(guò),自由型的網(wǎng)頁(yè)版式并不等同于胡亂堆砌,它依賴于設(shè)計(jì)師成竹在胸的布局規(guī)劃。如果沒(méi)有合理的元素及空間安排,自由型頁(yè)面不僅視覺(jué)呈現(xiàn)效果大打折扣,整個(gè)布局也會(huì)顯得毫無(wú)章法。
網(wǎng)頁(yè)版式設(shè)計(jì)其實(shí)就是擇優(yōu)選取元素與空間的一種排列關(guān)系。設(shè)計(jì)一個(gè)網(wǎng)頁(yè)所能用使用的版式當(dāng)然不僅僅只有這幾種,至于選擇什么樣的版式布局,標(biāo)準(zhǔn)也很簡(jiǎn)單:在用戶體驗(yàn)到頁(yè)面視覺(jué)美感的同時(shí),也能有效的接收頁(yè)面輸出的信息。
上一篇:
暫無(wú)信息更多新聞
2020
關(guān)于seo,如何設(shè)置關(guān)鍵字需要與做seo打交道,每個(gè)頁(yè)面都可以單獨(dú)放置某些特定的關(guān)鍵字,而要做seo工作,就必須設(shè)置適當(dāng)?shù)年P(guān)鍵字。當(dāng)我們?cè)O(shè)置網(wǎng)站的關(guān)鍵詞時(shí),有
View details
2020
關(guān)于搜索引擎優(yōu)化,如今許多小企業(yè)都會(huì)用百度競(jìng)價(jià),用百度競(jìng)價(jià)就是自己的網(wǎng)站在網(wǎng)頁(yè)上排名靠前,其實(shí)還有另外一種方法,不僅能讓你的網(wǎng)站排名靠前,而且不需要
View details
2020
關(guān)于seo,“熊掌號(hào)”seo的目標(biāo)是通過(guò)seo技術(shù)為熊掌號(hào)主體帶來(lái)流量,將流量轉(zhuǎn)化為粉絲,將粉絲轉(zhuǎn)化為價(jià)值,不同的方法可以實(shí)現(xiàn)熊掌號(hào)運(yùn)作的最終結(jié)果,只不過(guò),這些
View details
2020
關(guān)于seo關(guān)鍵詞,出現(xiàn)較多的是一些主要產(chǎn)品的名稱或名稱不同的產(chǎn)品,如果將一些關(guān)鍵字作為企業(yè)網(wǎng)站的目標(biāo)關(guān)鍵字實(shí)施,那是絕對(duì)不行的,非常費(fèi)時(shí)費(fèi)力,因此必須做
View details